@charset "utf-8";
.coupon-activate-div{height: 40px; line-height: 40px;text-align: right;}
.coupon-activate{font-size: 1.2rem;height: 24px;display: inline-block;line-height: 24px;text-align:center;color:#111111;border:1px solid #111111;padding: 0px 6px;border-radius: 24px;margin:8px 10px 0 0;}
.coupon-div{margin-top: 10px;}
.coupon-div .coupon-item:first-child,.useless-coupon .coupon-item:first-child{margin-top:2px;}
.coupon-item{padding:0 8px;position: relative;margin-top:10px;}
.coupon-item .select-img{display:none;position: absolute;top:4px;right:20px;height:18px;}
.coupon-item .select-no-img{display:block;position: absolute;top:4px;right:20px;height:18px;}
.coupon-item.selected .select-img{display:block;position: absolute;top:4px;right:20px;height:18px;}
.coupon-item.selected .select-no-img{display:none;position: absolute;top:4px;right:20px;height:18px;}
.coupon-item .bg-img{width: 100%;height:110px;}
.coupon-item-desc{position: absolute;top:0;left:0;}
.coupon-item-desc .title{padding:7px 0 0 24px;font-size: 1.2rem;}
.coupon-item-desc .bottom{padding:8px 0 0 30px;font-size: 1.2rem;}
.coupon-item-desc .amount{width:88px;text-align: center;font-size: 6.2rem;float: left;color: #fc3063;font-style: italic;line-height: 80px;height: 80px;}
.coupon-item-desc .amount.grey{color: #999999;}
.coupon-item-desc .amount.max{font-size: 4rem;letter-spacing: -1px;}
.unit{font-size: 1.5rem;margin-top: 2px;line-height: 45px;height: 80px;float: left;font-style: oblique;}
.coupon-item-desc .detail{float: left;height: 45px;padding-left: 25px;border-left: 1px solid #666666;margin:15px 0 0  15px;vertical-align: middle;}
.coupon-item-desc .detail .condition{height: 24px;line-height: 24px;}
.coupon-item-desc .detail .condition .italic{font-style: italic;}
.coupon-item-desc .detail .valid-time{margin-top: 4px;}
.left-time{color:#fc3063;}
.useless-coupon .coupon-item{color:#666666;}
.useless-coupon .coupon-item-desc .detail{display: inline-block;height: 45px;padding-left: 25px;border-left: 1px solid #999999;margin-left: 25px;vertical-align: middle;}

@media (max-device-width: 320px) and  (min-device-width: 320px){
    .coupon-item-desc .title{padding:5px 0 0 20px;font-size: 1.2rem;}
    .coupon-item-desc .bottom{padding:8px 0 0 18px;font-size: 1.2rem;}
    .coupon-item-desc .detail{float: left;height: 45px;padding-left: 15px;border-left: 1px solid #666666;margin: 15px 0 0 10px;vertical-align: middle;}
    .useless-coupon .coupon-item-desc .detail{display: inline-block;height: 45px;padding-left: 15px;border-left: 1px solid #999999;margin-left: 15px;vertical-align: middle;}
    .coupon-item-desc .amount.max{font-size: 4.5rem;letter-spacing: -1px;}
}

.no-coupon{text-align: center;margin-top: 80px;}
.no-coupon-img{width:50%;}
.no-coupon-label{text-align: center;margin-top: 20px;color:#666666;}

.useless-coupon-tip{height: 40px; line-height: 40px;}
.useless-coupon-tip .label{margin-left: 10px;}
.useless-coupon-tip .help{float: right;margin-right: 10px;color:#1c91d4;}

.oper-div{margin-top:12px;width:100%;position: fixed;bottom:0px;padding:8px 0;background-color: #fff;}
.choose-btn{font-size: 1.6rem;text-align: center; width: 90%;height: 45px;line-height: 45px;margin: 0 auto;border-radius: 5px;background-color: #fc3063;color:#ffffff; }
